<template>
  <div>
    <h3>图片列表</h3>
    <ul>
      <li>图片1</li>
      <li>图片2</li>
      <li>图片3</li>
    </ul>
    <div>
      <input />
    </div>
  </div>
</template>

<script>
export default {
  name:'pic',
  beforeCreate() {
    console.log("1、图片beforeCreate");
  },
  created() {
    console.log("2、图片created");
  },
  beforeMount() {
    console.log("3、图片beforeMount");
  },
  mounted() {
    console.log("4、图片mounted");
  },
  beforeUpdate() {
    console.log("5、图片beforeUpdate");
  },
  updated() {
    console.log("6、图片update");
  },
  beforeDestroy() {
    console.log("7、图片beforeDestroy");
    clearInterval(this.timer);
  },
  destroyed() {
    console.log("8、图片destroyed");
  },
  activated(){
    console.log('图片的activated');
  },
  deactivated(){
     console.log('图片的deactivated');
  }
};
</script>

<style>
</style>